<template>
    <div class="partner pdTop pdBot">
        <h2 class="pdBot">{{$t('home.partner.title')}}</h2>
        <b-container>
            <b-row>
                <dlb-swiper :isShowButton="true" :isThumbs="true" type="partner">
                    <swiper-slide v-for="(item,index) in $t('home.partner.lists')" :key="index">
                        <a target="_blank" :href="item.href">
                            <div class="partner-logo"><img :src="require(`../images/${item.img}`)"></div>
                            <div class="desc">{{item.desc}}</div>
                        </a>
                    </swiper-slide>
                </dlb-swiper>
            </b-row>
        </b-container>
    </div>
</template>

<script>
import dlbSwiper from '@/components/swiper'
export default {
    components:{ dlbSwiper },
    data() {
        return {
            
        }
    },
    mounted(){
        
    }
}
</script>

<style lang="scss" scoped>
.partner{
    text-align: center;
    a{
        width: 80%;
        .desc{
            opacity: 0.6;
            font-size:16px;
            margin: 25px auto 100px;
            text-align: center;
        }
    }
}
</style>
